html {
    box-sizing: border-box;
    height: 100%;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

@font-face {
  font-family: 'HalvarMittelschrift';
  src: url('../fonts/HalvarMittelschriftRegularDesktop.woff2');
  src: local('HalvarMittelschrift'), local('HalvarMittelschriftRegular'),
      url('../fonts/HalvarMittelschriftRegularDesktop.woff2') format('woff2'),
      url('../fonts/HalvarMittelschriftRegularDesktop.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HalvarMittelschrift';
  src: url('../fonts/HalvarMittelschriftLightDesktop.woff2');
  src: local('HalvarMittelschriftLight'), local('HalvarMittelschriftLight'),
      url('../fonts/HalvarMittelschriftLightDesktop.woff2') format('woff2'),
      url('../fonts/HalvarMittelschriftLightDesktop.woff') format('woff');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HalvarMittelschrift';
  src: url('../fonts/HalvarMittelschriftExtraThinDesktop.woff2');
  src: local('HalvarMittelschrift ExtraThin'), local('HalvarMittelschriftExtraThin'),
      url('../fonts/HalvarMittelschriftExtraThinDesktop.woff2') format('woff2'),
      url('../fonts/HalvarMittelschriftExtraThinDesktop.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

:root {
  --white-color: #ffffff;
  --dark-white-color: #e5e5e5;
  --black-color: #000000;
  --more-black-color: #222222;
  --sun-black-color: #333333;
  --gray-color: #cacaca;
  --more-gray-color: #ececec;
  --suny-black-color: #666666;
  --dark-gray-color: #7c7c7c;
  --input-color: #414141;
  --orange-color: #FF9900;
  --sun-orange-color: rgba(255, 153, 0, 0.7);
  --dark-orange-color: #E1670E;
  --sun-or-color: #F7B045;
}

body {
  font-family: 'HalvarMittelschrift', sans-serif;
  font-weight: 400;
  min-width: 320px;
  background-color: var(--white-color);
  height: 100%;
}


/* glob */


.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-reset {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.flex {
  display: flex;
}

.container {
  max-width: 1920px;
  padding: 0 15px;
  margin: 0 auto;
}

.section-title {
  margin: 0;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 48px;
  line-height: 58.51px;
  color: var(--sun-black-color);
}

.section-descr {
  margin: 0;
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--sun-black-color);
}

.section-offset {
  padding-bottom: 100px;
}

.btn {
  position: relative;
  outline: none;
  padding: 8px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: var(--white-color);
  background-color: #CA4A24;
  transition: background-color 0.3s ease-in-out;
}

.btn::after {
  position: absolute;
  content: "";
  width: 81%;
  height: 1px;
  bottom: 12px;
  left: 17px;
  background-color: var(--white-color);
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.btn:focus-visible::after {
  opacity: 1;
}

.btn:hover::after {
  opacity: 1;
}

.btn:active {
  background-color: #8A3C24;
}


/* main  */


.intro {
  position: relative;
  max-height: 100vh;
  overflow: hidden;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  z-index: 1;
  min-height: 100vh;
}

.video__media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video__back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}

.main {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.main__bottom {
  justify-content: space-between;
}

.main__left {
  flex-direction: column;
}

.main__logo__title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: var(--white-color);
  border: 2px solid var(--white-color);
  padding: 12px 31px;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
  letter-spacing: 0.23em;
}

.logo__svg {
  display: block;
}

.main__logo {
  padding-top: 7px;
  margin-right: 100px;
}

.text__contacts {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  color: var(--white-color);
  width: 32%;
  margin-bottom: 20px;
}

.brend__svg {
  width: 236px;
  height: 38px;
  margin-top: 19px;
}

.brend__title {
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
  margin-bottom: 0;
  margin-right: 10px;
  letter-spacing: 0.2em;
}

.text__descr {
  display: none;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
  width: 50%;
  letter-spacing: 0.2em;
  margin-bottom: 0;
}

/* magic  */

.magic-1, .magic-2, .magic-3, .magic-4, .magic-5, .magic-6, .magic-7, .magic-8, .magic-9, .magic-10, .magic-11,
.magic-12, .magic-13, .magic-14, .magic-15, .magic-16, .magic-17, .magic-18, .magic-19, .magic-20, .magic-21,
.magic-22 {
  animation-name: animation-end;
  animation-duration: .5s;
  animation-delay: 10s;
}

@keyframes animation-end {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.magic-1 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-1-1 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1s;
}

.magic-1-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.05s;
}

.magic-1-3 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.1s;
}

.magic-1-4 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.15s;
}

.magic-1-5 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.2s;
}

.magic-1-6 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.25s;
}

.magic-1-7 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.3s;
}

.magic-1-8 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.35s;
}

.magic-1-9 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.4s;
}

.magic-1-10 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.45s;
}

.magic-1-11 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.5s;
}

.magic-1-12 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.55s;
}

.magic-1-13 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.6s;
}

.magic-1-14 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.65s;
}

.magic-1-15 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.7s;
}

.magic-1-16 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.75s;
}

.magic-1-17 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 1.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-2 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-2-1 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.5s;
}

.magic-2-2 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.55s;
}

.magic-2-3 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.6s;
}

.magic-2-4 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.65s;
}

.magic-2-5 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.7s;
}

.magic-2-6 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.75s;
}

.magic-2-7 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.8s;
}

.magic-2-8 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.85s;
}

.magic-2-9 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.9s;
}

.magic-2-10 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.95s;
}

.magic-2-11 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2s;
}

.magic-2-12 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.05s;
}

.magic-2-13 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.1s;
}

.magic-2-14 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.15s;
}

.magic-2-15 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-2-16 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-3 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-3-1 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.6s;
}

.magic-3-2 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.65s;
}

.magic-3-3 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.7s;
}

.magic-3-4 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.75s;
}

.magic-3-5 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.8s;
}

.magic-3-6 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.85s;
}

.magic-3-7 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.9s;
}

.magic-3-8 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.95s;
}

.magic-3-9 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2s;
}

.magic-3-10 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.05s;
}

.magic-3-11 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.1s;
}

.magic-3-12 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.15s;
}

.magic-3-13 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-3-14 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-3-15 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-3-16 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-3-17 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-3-18 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-3-19 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-4 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-4-1 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.7s;
}

.magic-4-2 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.75s;
}

.magic-4-3 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.8s;
}

.magic-4-4 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.85s;
}

.magic-4-5 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.9s;
}

.magic-4-6 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.95s;
}

.magic-4-7 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2s;
}

.magic-4-8 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.05s;
}

.magic-4-9 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.1s;
}

.magic-4-10 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.15s;
}

.magic-4-11 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-4-12 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-4-13 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-4-14 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-4-15 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-4-16 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-4-17 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-4-18 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-4-19 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-4-20 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-5 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-5-1 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.9s;
}

.magic-5-2 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 1.95s;
}

.magic-5-3 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2s;
}

.magic-5-4 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.05s;
}

.magic-5-5 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.1s;
}

.magic-5-6 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.15s;
}

.magic-5-7 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-5-8 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-5-9 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-5-10 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-5-11 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-5-12 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-5-13 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-5-14 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-5-15 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-5-16 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-6 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-6-1 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 1.9s;
}

.magic-6-2 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 1.93s;
}

.magic-6-3 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 1.96s;
}

.magic-6-4 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 1.99s;
}

.magic-6-5 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.02s;
}

.magic-6-6 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.05s;
}

.magic-6-7 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.08s;
}

.magic-6-8 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.11s;
}

.magic-6-9 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.14s;
}

.magic-6-10 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.17s;
}

.magic-6-11 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.2s;
}

.magic-6-12 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.23s;
}

.magic-6-13 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.26s;
}

.magic-6-14 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.29s;
}

.magic-6-15 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.32s;
}

.magic-6-16 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.35s;
}

.magic-6-17 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.38s;
}

.magic-6-18 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.41s;
}

.magic-6-19 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.44s;
}

.magic-6-20 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.47s;
}

.magic-6-21 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.50s;
}

.magic-6-22 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.53s;
}

.magic-6-23 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.56s;
}

.magic-6-24 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.59s;
}

.magic-6-25 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.62s;
}

.magic-6-26 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.65s;
}

.magic-6-27 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.68s;
}

.magic-6-28 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.71s;
}

.magic-6-29 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.74s;
}

.magic-6-30 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.77s;
}

.magic-6-31 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.8s;
}

.magic-6-32 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 2.83s;
}

.magic-6-33 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .03s;
  animation-delay: 2.86s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-7 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-7-1 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-7-2 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-7-3 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-7-4 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-7-5 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-7-6 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-7-7 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-7-8 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-7-9 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-7-10 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

.magic-7-11 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.7s;
}

.magic-7-12 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.75s;
}

.magic-7-13 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.8s;
}

.magic-7-14 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.85s;
}

.magic-7-15 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 2.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-8 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-8-1 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.1s;
}

.magic-8-2 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.15s;
}

.magic-8-3 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-8-4 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-8-5 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-8-6 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-8-7 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-8-8 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-8-9 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-8-10 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-8-11 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-8-12 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

.magic-8-13 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.7s;
}

.magic-8-14 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.75s;
}

.magic-8-15 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.8s;
}

.magic-8-16 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.85s;
}

.magic-8-17 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.9s;
}

.magic-8-18 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.95s;
}

.magic-8-19 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 3s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-9 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-9-1 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.2s;
}

.magic-9-2 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.25s;
}

.magic-9-3 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.3s;
}

.magic-9-4 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.35s;
}

.magic-9-5 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.4s;
}

.magic-9-6 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.45s;
}

.magic-9-7 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-9-8 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-9-9 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-9-10 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

.magic-9-11 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.7s;
}

.magic-9-12 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.75s;
}

.magic-9-13 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.8s;
}

.magic-9-14 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.85s;
}

.magic-9-15 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.9s;
}

.magic-9-16 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.95s;
}

.magic-9-17 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3s;
}

.magic-9-18 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.05s;
}

.magic-9-19 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.1s;
}

.magic-9-20 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 3.15s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-10 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-10-1 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 2.4s;
}

.magic-10-2 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 2.46s;
}

.magic-10-3 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 2.52s;
}

.magic-10-4 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.58s;
}

.magic-10-5 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.66s;
}

.magic-10-6 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.74s;
}

.magic-10-7 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.82s;
}

.magic-10-8 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.9s;
}

.magic-10-9 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.98s;
}

.magic-10-10 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.06s;
}

.magic-10-11 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.12s;
}

.magic-10-12 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 3.18s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-11 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-11-1 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.5s;
}

.magic-11-2 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.55s;
}

.magic-11-3 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.6s;
}

.magic-11-4 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.65s;
}

.magic-11-5 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.7s;
}

.magic-11-6 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.75s;
}

.magic-11-7 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.8s;
}

.magic-11-8 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.85s;
}

.magic-11-9 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.9s;
}

.magic-11-10 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 2.95s;
}

.magic-11-11 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3s;
}

.magic-11-12 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.05s;
}

.magic-11-13 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.1s;
}

.magic-11-14 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.15s;
}

.magic-11-15 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.2s;
}

.magic-11-16 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 3.35s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-12 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-12-1 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 1.8s;
}

.magic-12-2 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 1.9s;
}

.magic-12-3 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2s;
}

.magic-12-4 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.1s;
}

.magic-12-5 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.2s;
}

.magic-12-6 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.3s;
}

.magic-12-7 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.4s;
}

.magic-12-8 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.5s;
}

.magic-12-9 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.6s;
}

.magic-12-10 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.7s;
}

.magic-12-11 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.8s;
}

.magic-12-12 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 2.9s;
}

.magic-12-13 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 3s;
}

.magic-12-14 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 3.1s;
}

.magic-12-15 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 3.2s;
}

.magic-12-16 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 3.3s;
}

.magic-12-17 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 3.4s;
}

.magic-12-18 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .1s;
  animation-delay: 3.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-13 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-13-1 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.1s;
}

.magic-13-2 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.19s;
}

.magic-13-3 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.28s;
}

.magic-13-4 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.37s;
}

.magic-13-5 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.46s;
}

.magic-13-6 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.55s;
}

.magic-13-7 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.64s;
}

.magic-13-8 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.73s;
}

.magic-13-9 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.82s;
}

.magic-13-10 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 2.91s;
}

.magic-13-11 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3s;
}

.magic-13-12 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.09s;
}

.magic-13-13 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.18s;
}

.magic-13-14 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.27s;
}

.magic-13-15 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.36s;
}

.magic-13-16 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.45s;
}

.magic-13-17 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 3.54s;
}

.magic-13-18 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .09s;
  animation-delay: 3.63s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-14 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-14-1 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.3s;
}

.magic-14-2 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.38s;
}

.magic-14-3 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.46s;
}

.magic-14-4 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.54s;
}

.magic-14-5 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.62s;
}

.magic-14-6 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.7s;
}

.magic-14-7 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.78s;
}

.magic-14-8 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.86s;
}

.magic-14-9 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 2.94s;
}

.magic-14-10 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.2s;
}

.magic-14-11 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.28s;
}

.magic-14-12 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.36s;
}

.magic-14-13 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.44s;
}

.magic-14-14 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.52s;
}

.magic-14-15 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.6s;
}

.magic-14-16 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.68s;
}

.magic-14-17 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 3.76s;
}

.magic-14-18 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .08s;
  animation-delay: 3.84s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-15 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-15-1 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 2.7s;
}

.magic-15-2 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 2.77s;
}

.magic-15-3 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 2.84s;
}

.magic-15-4 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 2.91s;
}

.magic-15-5 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 2.98s;
}

.magic-15-6 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.05s;
}

.magic-15-7 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.12s;
}

.magic-15-8 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.19s;
}

.magic-15-9 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.26s;
}

.magic-15-10 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.33s;
}

.magic-15-11 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.4s;
}

.magic-15-12 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.47s;
}

.magic-15-13 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.54s;
}

.magic-15-14 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.61s;
}

.magic-15-15 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.68s;
}

.magic-15-16 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.75s;
}

.magic-15-17 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 3.82s;
}

.magic-15-18 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .07s;
  animation-delay: 3.89s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-16 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-16-1 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 2.9s;
}

.magic-16-2 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 2.96s;
}

.magic-16-3 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.02s;
}

.magic-16-4 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.08s;
}

.magic-16-5 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.14s;
}

.magic-16-6 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.2s;
}

.magic-16-7 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.26s;
}

.magic-16-8 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.32s;
}

.magic-16-9 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.38s;
}

.magic-16-10 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.44s;
}

.magic-16-11 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.5s;
}

.magic-16-12 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.56;
}

.magic-16-13 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.62s;
}

.magic-16-14 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.68s;
}

.magic-16-15 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.74s;
}

.magic-16-16 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.8s;
}

.magic-16-17 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 3.86s;
}

.magic-16-18 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 3.92s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-17 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-17-1 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.2s;
}

.magic-17-2 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.25s;
}

.magic-17-3 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.3s;
}

.magic-17-4 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.35s;
}

.magic-17-5 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.4s;
}

.magic-17-6 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.45s;
}

.magic-17-7 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.5s;
}

.magic-17-8 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.55s;
}

.magic-17-9 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.6s;
}

.magic-17-10 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.65s;
}

.magic-17-11 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-17-12 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-17-13 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-17-14 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-17-15 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-17-16 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-17-17 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-17-18 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-18 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-18-1 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.3s;
}

.magic-18-2 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.35s;
}

.magic-18-3 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.4s;
}

.magic-18-4 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.45s;
}

.magic-18-5 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.5s;
}

.magic-18-6 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.55s;
}

.magic-18-7 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.6s;
}

.magic-18-8 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.65s;
}

.magic-18-9 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-18-10 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-18-11 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-18-12 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-18-13 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-18-14 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-18-15 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-18-16 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

.magic-18-17 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.1s;
}

.magic-18-18 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.15s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-19 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-19-1 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.4s;
}

.magic-19-2 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.45s;
}

.magic-19-3 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.5s;
}

.magic-19-4 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.55s;
}

.magic-19-5 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.6s;
}

.magic-19-6 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.65s;
}

.magic-19-7 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-19-8 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-19-9 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-19-10 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-19-11 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-19-12 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-19-13 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-19-14 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

.magic-19-15 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.1s;
}

.magic-19-16 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.15s;
}

.magic-19-17 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.2s;
}

.magic-19-18 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.25s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-20 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-20-1 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.5s;
}

.magic-20-2 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.55s;
}

.magic-20-3 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.6s;
}

.magic-20-4 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.65s;
}

.magic-20-5 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-20-6 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-20-7 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-20-8 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-20-9 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-20-10 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-20-11 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-20-12 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

.magic-20-13 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.1s;
}

.magic-20-14 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.15s;
}

.magic-20-15 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.2s;
}

.magic-20-16 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.25s;
}

.magic-20-17 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.3s;
}

.magic-20-18 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.35s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-21 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-21-1 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.6s;
}

.magic-21-2 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.65s;
}

.magic-21-3 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-21-4 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-21-5 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-21-6 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-21-7 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-21-8 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-21-9 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-21-10 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

.magic-21-11 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.1s;
}

.magic-21-12 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.15s;
}

.magic-21-13 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.2s;
}

.magic-21-14 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.25s;
}

.magic-21-15 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.3s;
}

.magic-21-16 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.35s;
}

.magic-21-17 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.4s;
}

.magic-21-18 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.45s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-22 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-22-1 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.7s;
}

.magic-22-2 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.75s;
}

.magic-22-3 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.8s;
}

.magic-22-4 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.85s;
}

.magic-22-5 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.9s;
}

.magic-22-6 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 3.95s;
}

.magic-22-7 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4s;
}

.magic-22-8 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.05s;
}

.magic-22-9 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.1s;
}

.magic-22-10 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.15s;
}

.magic-22-11 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.2s;
}

.magic-22-12 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.25s;
}

.magic-22-13 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.3s;
}

.magic-22-14 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.35s;
}

.magic-22-15 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.4s;
}

.magic-22-16 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.45s;
}

.magic-22-17 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 4.5s;
}

.magic-22-18 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 4.55s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-23, .magic-24, .magic-25, .magic-26, .magic-27, .magic-28, .magic-29, .magic-30, .magic-31, .magic-32, .magic-33,
.magic-34, .magic-35, .magic-36, .magic-37, .magic-38 {
  animation-name: animation-end;
  animation-duration: .5s;
  animation-delay: 20s;
}

@keyframes animation-end {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.magic-23 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-23-1 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12s;
}

.magic-23-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.05s;
}

.magic-23-3 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.1s;
}

.magic-23-4 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.15s;
}

.magic-23-5 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.2s;
}

.magic-23-6 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.25s;
}

.magic-23-7 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.3s;
}

.magic-23-8 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.35s;
}

.magic-23-9 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.4s;
}

.magic-23-10 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.45s;
}

.magic-23-11 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-23-12 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-23-13 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-23-14 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-23-15 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-24 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-24-1 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.1s;
}

.magic-24-2 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.15s;
}

.magic-24-3 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.2s;
}

.magic-24-4 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.25s;
}

.magic-24-5 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.3s;
}

.magic-24-6 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.35s;
}

.magic-24-7 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.4s;
}

.magic-24-8 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.45s;
}

.magic-24-9 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-24-10 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-24-11 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-24-12 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-24-13 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-24-14 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-24-15 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-25 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-25-1 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.2s;
}

.magic-25-2 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.25s;
}

.magic-25-3 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.3s;
}

.magic-25-4 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.35s;
}

.magic-25-5 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.4s;
}

.magic-25-6 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.45s;
}

.magic-25-7 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-25-8 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-25-9 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-25-10 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-25-11 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-25-12 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-25-13 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-25-14 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-25-15 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-26 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-26-1 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.3s;
}

.magic-26-2 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.35s;
}

.magic-26-3 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.4s;
}

.magic-26-4 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.45s;
}

.magic-26-5 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-26-6 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-26-7 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-26-8 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-26-9 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-26-10 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-26-11 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-26-12 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-26-13 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-26-14 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-26-15 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-27 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-27-1 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.4s;
}

.magic-27-2 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.45s;
}

.magic-27-3 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-27-4 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-27-5 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-27-6 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-27-7 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-27-8 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-27-9 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-27-10 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-27-11 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-27-12 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-27-13 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-27-14 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-27-15 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-28 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-28-1 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.5s;
}

.magic-28-2 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.55s;
}

.magic-28-3 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-28-4 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-28-5 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-28-6 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-28-7 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-28-8 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-28-9 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-28-10 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-28-11 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-28-12 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-28-13 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-28-14 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-28-15 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-29 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-29-1 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.6s;
}

.magic-29-2 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.65s;
}

.magic-29-3 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-29-4 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-29-5 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-29-6 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-29-7 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-29-8 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-29-9 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-29-10 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-29-11 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-29-12 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.15s;
}

.magic-29-13 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.2s;
}

.magic-29-14 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.25s;
}

.magic-29-15 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.3s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-30 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-30-1 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.7s;
}

.magic-30-2 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.75s;
}

.magic-30-3 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-30-4 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-30-5 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-30-6 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-30-7 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-30-8 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-30-9 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-30-10 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.15s;
}

.magic-30-11 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.2s;
}

.magic-30-12 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.25s;
}

.magic-30-13 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.3s;
}

.magic-30-14 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.35s;
}

.magic-30-15 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.4s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-31 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-31-1 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.8s;
}

.magic-31-2 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.85s;
}

.magic-31-3 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-31-4 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-31-5 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-31-6 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-31-7 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-31-8 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.15s;
}

.magic-31-9 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.2s;
}

.magic-31-10 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.25s;
}

.magic-31-11 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.3s;
}

.magic-31-12 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.35s;
}

.magic-31-13 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.4s;
}

.magic-31-14 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.45s;
}

.magic-31-15 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-32 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-32-1 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.9s;
}

.magic-32-2 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 12.95s;
}

.magic-32-3 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-32-4 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-32-5 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-32-6 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.15s;
}

.magic-32-7 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.2s;
}

.magic-32-8 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.25s;
}

.magic-32-9 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.3s;
}

.magic-32-10 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.35s;
}

.magic-32-11 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.4s;
}

.magic-32-12 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.45s;
}

.magic-32-13 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.5s;
}

.magic-32-14 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.55s;
}

.magic-32-15 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.6s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-33 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-33-1 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13s;
}

.magic-33-2 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.05s;
}

.magic-33-3 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.1s;
}

.magic-33-4 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.15s;
}

.magic-33-5 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.2s;
}

.magic-33-6 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.25s;
}

.magic-33-7 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.3s;
}

.magic-33-8 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.35s;
}

.magic-33-9 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.4s;
}

.magic-33-10 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.45s;
}

.magic-33-11 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.5s;
}

.magic-33-12 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.55s;
}

.magic-33-13 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.6s;
}

.magic-33-14 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 13.65s;
}

.magic-33-15 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 13.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-34 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-34-1 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 12.5s;
}

.magic-34-2 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 12.6s;
}

.magic-34-3 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 12.7s;
}

.magic-34-4 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 12.8s;
}

.magic-34-5 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 12.9s;
}

.magic-34-6 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13s;
}

.magic-34-7 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.1s;
}

.magic-34-8 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.2s;
}

.magic-34-9 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.3s;
}

.magic-34-10 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.4s;
}

.magic-34-11 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.5s;
}

.magic-34-12 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.6s;
}

.magic-34-13 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.7s;
}

.magic-34-14 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 13.8s;
}

.magic-34-15 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .1s;
  animation-delay: 13.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-35 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-35-1 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 12.7s;
}

.magic-35-2 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 12.79s;
}

.magic-35-3 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 12.88s;
}

.magic-35-4 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 12.97s;
}

.magic-35-5 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.06s;
}

.magic-35-6 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.15s;
}

.magic-35-7 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.24s;
}

.magic-35-8 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.33s;
}

.magic-35-9 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.42s;
}

.magic-35-10 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.51s;
}

.magic-35-11 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.6s;
}

.magic-35-12 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.69s;
}

.magic-35-13 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.78s;
}

.magic-35-14 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 13.87s;
}

.magic-35-15 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .09s;
  animation-delay: 13.96s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-36 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-36-1 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13s;
}

.magic-36-2 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.08s;
}

.magic-36-3 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.16s;
}

.magic-36-4 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.24s;
}

.magic-36-5 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.32s;
}

.magic-36-6 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.4s;
}

.magic-36-7 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.48s;
}

.magic-36-8 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.56s;
}

.magic-36-9 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.64s;
}

.magic-36-10 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.72s;
}

.magic-36-11 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.8s;
}

.magic-36-12 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.88s;
}

.magic-36-13 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 13.96s;
}

.magic-36-14 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 14.04s;
}

.magic-36-15 {
  position: absolute;
  left: 78px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .08s;
  animation-delay: 14.12s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-37 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-37-1 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.3s;
}

.magic-37-2 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.37s;
}

.magic-37-3 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.44s;
}

.magic-37-4 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.51s;
}

.magic-37-5 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.58s;
}

.magic-37-6 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.65s;
}

.magic-37-7 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.72s;
}

.magic-37-8 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.79s;
}

.magic-37-9 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.86s;
}

.magic-37-10 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 13.93s;
}

.magic-37-11 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 14s;
}

.magic-37-12 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 14.07s;
}

.magic-37-13 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 14.14s;
}

.magic-37-14 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 14.21s;
}

.magic-37-15 {
  position: absolute;
  left: 118px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .07s;
  animation-delay: 14.28s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-38 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-38-1 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.5s;
}

.magic-38-2 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.56s;
}

.magic-38-3 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.62s;
}

.magic-38-4 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.68s;
}

.magic-38-5 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.74s;
}

.magic-38-6 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.8s;
}

.magic-38-7 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.86s;
}

.magic-38-8 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.92s;
}

.magic-38-9 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 13.98s;
}

.magic-38-10 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 14.04s;
}

.magic-38-11 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 14.1s;
}

.magic-38-12 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 14.16s;
}

.magic-38-13 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 14.22s;
}

.magic-38-14 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 14.28s;
}

.magic-38-15 {
  position: absolute;
  left: 155px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 14.34s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-39, .magic-40, .magic-41, .magic-42, .magic-43, .magic-44, .magic-45, .magic-46, .magic-47, .magic-48, .magic-49,
.magic-50, .magic-51, .magic-52, .magic-53, .magic-54, .magic-55, .magic-56, .magic-57, .magic-58, .magic-59, .magic-60 {
  animation-name: animation-end;
  animation-duration: .5s;
  animation-delay: 30s;
}

@keyframes animation-end {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.magic-39 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-39-1 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22s;
}

.magic-39-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.05s;
}

.magic-39-3 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.1s;
}

.magic-39-4 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.15s;
}

.magic-39-5 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.2s;
}

.magic-39-6 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.25s;
}

.magic-39-7 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.3s;
}

.magic-39-8 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.35s;
}

.magic-39-9 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.4s;
}

.magic-39-10 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.45s;
}

.magic-39-11 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-39-12 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-39-13 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-39-14 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-39-15 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-40 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-40-1 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.1s;
}

.magic-40-2 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.15s;
}

.magic-40-3 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.2s;
}

.magic-40-4 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.25s;
}

.magic-40-5 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.3s;
}

.magic-40-6 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.35s;
}

.magic-40-7 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.4s;
}

.magic-40-8 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.45s;
}

.magic-40-9 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-40-10 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-40-11 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-40-12 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-40-13 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-40-14 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-40-15 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-41 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-41-1 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.2s;
}

.magic-41-2 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.25s;
}

.magic-41-3 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.3s;
}

.magic-41-4 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.35s;
}

.magic-41-5 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.4s;
}

.magic-41-6 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.45s;
}

.magic-41-7 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-41-8 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-41-9 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-41-10 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-41-11 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-41-12 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-41-13 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-41-14 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-41-15 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-42 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-42-1 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.3s;
}

.magic-42-2 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.35s;
}

.magic-42-3 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.4s;
}

.magic-42-4 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.45s;
}

.magic-42-5 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-42-6 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-42-7 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-42-8 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-42-9 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-42-10 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-42-11 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-42-12 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-42-13 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-42-14 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-42-15 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-43 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-43-1 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.4s;
}

.magic-43-2 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.45s;
}

.magic-43-3 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-43-4 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-43-5 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-43-6 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-43-7 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-43-8 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-43-9 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-43-10 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-43-11 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-43-12 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-43-13 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-43-14 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-43-15 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-44 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-44-1 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.5s;
}

.magic-44-2 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.55s;
}

.magic-44-3 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-44-4 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-44-5 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-44-6 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-44-7 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-44-8 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-44-9 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-44-10 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-44-11 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-44-12 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-44-13 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-44-14 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-44-15 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-45 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-45-1 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.6s;
}

.magic-45-2 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.65s;
}

.magic-45-3 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-45-4 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-45-5 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-45-6 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-45-7 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-45-8 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-45-9 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-45-10 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-45-11 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-45-12 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-45-13 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

.magic-45-14 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.25s;
}

.magic-45-15 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.3s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-46 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-46-1 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.7s;
}

.magic-46-2 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.75s;
}

.magic-46-3 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-46-4 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-46-5 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-46-6 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-46-7 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-46-8 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-46-9 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-46-10 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-46-11 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

.magic-46-12 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.25s;
}

.magic-46-13 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.3s;
}

.magic-46-14 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.35s;
}

.magic-46-15 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.4s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-47 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-47-1 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.8s;
}

.magic-47-2 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.85s;
}

.magic-47-3 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-47-4 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-47-5 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-47-6 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-47-7 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-47-8 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-47-9 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

.magic-47-10 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.25s;
}

.magic-47-11 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.3s;
}

.magic-47-12 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.35s;
}

.magic-47-13 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.4s;
}

.magic-47-14 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.45s;
}

.magic-47-15 {
  position: absolute;
  left: 296px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-48 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-48-1 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.9s;
}

.magic-48-2 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 22.95s;
}

.magic-48-3 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-48-4 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-48-5 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-48-6 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-48-7 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

.magic-48-8 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.25s;
}

.magic-48-9 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.3s;
}

.magic-48-10 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.35s;
}

.magic-48-11 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.4s;
}

.magic-48-12 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.45s;
}

.magic-48-13 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.5s;
}

.magic-48-14 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.55s;
}

.magic-48-15 {
  position: absolute;
  left: 333px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.6s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-49 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-49-1 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23s;
}

.magic-49-2 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.05s;
}

.magic-49-3 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.1s;
}

.magic-49-4 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.15s;
}

.magic-49-5 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.2s;
}

.magic-49-6 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.25s;
}

.magic-49-7 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.3s;
}

.magic-49-8 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.35s;
}

.magic-49-9 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.4s;
}

.magic-49-10 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.45s;
}

.magic-49-11 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.5s;
}

.magic-49-12 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.55s;
}

.magic-49-13 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.6s;
}

.magic-49-14 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 23.65s;
}

.magic-49-15 {
  position: absolute;
  left: 370px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 23.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-50 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-50-1 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 22.5s;
}

.magic-50-2 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 22.6s;
}

.magic-50-3 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 22.7s;
}

.magic-50-4 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 22.8s;
}

.magic-50-5 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 22.9s;
}

.magic-50-6 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23s;
}

.magic-50-7 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.1s;
}

.magic-50-8 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.2s;
}

.magic-50-9 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.3s;
}

.magic-50-10 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.4s;
}

.magic-50-11 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.5s;
}

.magic-50-12 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.6s;
}

.magic-50-13 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.7s;
}

.magic-50-14 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 23.8s;
}

.magic-50-15 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .1s;
  animation-delay: 23.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-51 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-51-1 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 22.7s;
}

.magic-51-2 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 22.79s;
}

.magic-51-3 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 22.88s;
}

.magic-51-4 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 22.97s;
}

.magic-51-5 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.06s;
}

.magic-51-6 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.15s;
}

.magic-51-7 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.24s;
}

.magic-51-8 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.33s;
}

.magic-51-9 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.42s;
}

.magic-51-10 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.51s;
}

.magic-51-11 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.6s;
}

.magic-51-12 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.69s;
}

.magic-51-13 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.78s;
}

.magic-51-14 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 23.87s;
}

.magic-51-15 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .09s;
  animation-delay: 23.96s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-52 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-52-1 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23s;
}

.magic-52-2 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.08s;
}

.magic-52-3 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.16s;
}

.magic-52-4 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.24s;
}

.magic-52-5 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.32s;
}

.magic-52-6 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.4s;
}

.magic-52-7 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.48s;
}

.magic-52-8 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.56s;
}

.magic-52-9 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.64s;
}

.magic-52-10 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.72s;
}

.magic-52-11 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.8s;
}

.magic-52-12 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.88s;
}

.magic-52-13 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 23.96s;
}

.magic-52-14 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 24.04s;
}

.magic-52-15 {
  position: absolute;
  left: 72px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .08s;
  animation-delay: 24.12s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-53 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-53-1 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.3s;
}

.magic-53-2 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.37s;
}

.magic-53-3 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.44s;
}

.magic-53-4 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.51s;
}

.magic-53-5 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.58s;
}

.magic-53-6 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.65s;
}

.magic-53-7 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.72s;
}

.magic-53-8 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.79s;
}

.magic-53-9 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.86s;
}

.magic-53-10 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 23.93s;
}

.magic-53-11 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 24s;
}

.magic-53-12 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 24.07s;
}

.magic-53-13 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 24.14s;
}

.magic-53-14 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 24.21s;
}

.magic-53-15 {
  position: absolute;
  left: 117px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .07s;
  animation-delay: 24.28s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-54 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-54-1 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 23.7s;
}

.magic-54-2 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 23.76s;
}

.magic-54-3 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 23.82s;
}

.magic-54-4 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 23.88s;
}

.magic-54-5 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 23.94s;
}

.magic-54-6 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24s;
}

.magic-54-7 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.06s;
}

.magic-54-8 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.12s;
}

.magic-54-9 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.18s;
}

.magic-54-10 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.24s;
}

.magic-54-11 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.3s;
}

.magic-54-12 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.36s;
}

.magic-54-13 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.42s;
}

.magic-54-14 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 24.48s;
}

.magic-54-15 {
  position: absolute;
  left: 152px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 24.54s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-55 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-55-1 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24s;
}

.magic-55-2 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.05s;
}

.magic-55-3 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.1s;
}

.magic-55-4 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.15s;
}

.magic-55-5 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.2s;
}

.magic-55-6 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.25s;
}

.magic-55-7 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.3s;
}

.magic-55-8 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.35s;
}

.magic-55-9 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.4s;
}

.magic-55-10 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.45s;
}

.magic-55-11 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-55-12 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-55-13 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-55-14 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-55-15 {
  position: absolute;
  left: 187px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-56 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-56-1 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.1s;
}

.magic-56-2 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.15s;
}

.magic-56-3 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.2s;
}

.magic-56-4 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.25s;
}

.magic-56-5 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.3s;
}

.magic-56-6 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.35s;
}

.magic-56-7 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.4s;
}

.magic-56-8 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.45s;
}

.magic-56-9 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-56-10 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-56-11 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-56-12 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-56-13 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

.magic-56-14 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.75s;
}

.magic-56-15 {
  position: absolute;
  left: 220px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 24.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-57 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-57-1 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.2s;
}

.magic-57-2 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.25s;
}

.magic-57-3 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.3s;
}

.magic-57-4 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.35s;
}

.magic-57-5 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.4s;
}

.magic-57-6 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.45s;
}

.magic-57-7 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-57-8 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-57-9 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-57-10 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-57-11 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

.magic-57-12 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.75s;
}

.magic-57-13 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.8s;
}

.magic-57-14 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.85s;
}

.magic-57-15 {
  position: absolute;
  left: 256px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 24.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-58 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-58-1 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.3s;
}

.magic-58-2 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.35s;
}

.magic-58-3 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.4s;
}

.magic-58-4 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.45s;
}

.magic-58-5 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-58-6 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-58-7 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-58-8 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-58-9 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

.magic-58-10 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.75s;
}

.magic-58-11 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.8s;
}

.magic-58-12 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.85s;
}

.magic-58-13 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.9s;
}

.magic-58-14 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.95s;
}

.magic-58-15 {
  position: absolute;
  left: 292px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 25s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-59 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-59-1 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.4s;
}

.magic-59-2 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.45s;
}

.magic-59-3 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-59-4 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-59-5 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-59-6 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-59-7 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

.magic-59-8 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.75s;
}

.magic-59-9 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.8s;
}

.magic-59-10 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.85s;
}

.magic-59-11 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.9s;
}

.magic-59-12 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.95s;
}

.magic-59-13 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25s;
}

.magic-59-14 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25.05s;
}

.magic-59-15 {
  position: absolute;
  left: 328px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 25.1s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-60 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-60-1 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.5s;
}

.magic-60-2 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.55s;
}

.magic-60-3 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.6s;
}

.magic-60-4 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.65s;
}

.magic-60-5 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.7s;
}

.magic-60-6 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.75s;
}

.magic-60-7 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.8s;
}

.magic-60-8 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.85s;
}

.magic-60-9 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.9s;
}

.magic-60-10 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 24.95s;
}

.magic-60-11 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25s;
}

.magic-60-12 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25.05s;
}

.magic-60-13 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25.1s;
}

.magic-60-14 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 25.15s;
}

.magic-60-15 {
  position: absolute;
  left: 366px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 25.2s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-61, .magic-62, .magic-63, .magic-64, .magic-65, .magic-66, .magic-67, .magic-68, .magic-69, .magic-70, .magic-71,
.magic-72, .magic-73, .magic-74, .magic-75, .magic-76, .magic-77, .magic-78, .magic-79, .magic-80 {
  animation-name: animation-end;
  animation-duration: .5s;
  animation-delay: 40s;
}

@keyframes animation-end {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.magic-61 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-61-1 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32s;
}

.magic-61-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.05s;
}

.magic-61-3 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.1s;
}

.magic-61-4 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.15s;
}

.magic-61-5 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.2s;
}

.magic-61-6 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.25s;
}

.magic-61-7 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.3s;
}

.magic-61-8 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.35s;
}

.magic-61-9 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.4s;
}

.magic-61-10 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.45s;
}

.magic-61-11 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-61-12 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-61-13 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-61-14 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-61-15 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-62 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-62-1 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.1s;
}

.magic-62-2 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.15s;
}

.magic-62-3 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.2s;
}

.magic-62-4 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.25s;
}

.magic-62-5 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.3s;
}

.magic-62-6 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.35s;
}

.magic-62-7 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.4s;
}

.magic-62-8 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.45s;
}

.magic-62-9 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-62-10 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-62-11 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-62-12 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-62-13 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-62-14 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-62-15 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-63 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-63-1 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.2s;
}

.magic-63-2 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.25s;
}

.magic-63-3 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.3s;
}

.magic-63-4 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.35s;
}

.magic-63-5 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.4s;
}

.magic-63-6 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.45s;
}

.magic-63-7 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-63-8 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-63-9 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-63-10 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-63-11 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-63-12 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-63-13 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-63-14 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-63-15 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-64 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-64-1 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.3s;
}

.magic-64-2 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.35s;
}

.magic-64-3 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.4s;
}

.magic-64-4 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.45s;
}

.magic-64-5 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-64-6 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-64-7 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-64-8 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-64-9 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-64-10 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-64-11 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-64-12 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-64-13 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

.magic-64-14 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.95s;
}

.magic-64-15 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 33s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-65 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-65-1 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.4s;
}

.magic-65-2 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.45s;
}

.magic-65-3 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-65-4 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-65-5 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-65-6 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-65-7 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-65-8 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-65-9 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-65-10 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-65-11 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

.magic-65-12 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.95s;
}

.magic-65-13 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33s;
}

.magic-65-14 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.05s;
}

.magic-65-15 {
  position: absolute;
  left: 148px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 33.1s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-66 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-66-1 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.5s;
}

.magic-66-2 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.55s;
}

.magic-66-3 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-66-4 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-66-5 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-66-6 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-66-7 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-66-8 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-66-9 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

.magic-66-10 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.95s;
}

.magic-66-11 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33s;
}

.magic-66-12 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.05s;
}

.magic-66-13 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.1s;
}

.magic-66-14 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.15s;
}

.magic-66-15 {
  position: absolute;
  left: 185px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 33.2s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-67 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-67-1 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.6s;
}

.magic-67-2 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.65s;
}

.magic-67-3 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-67-4 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-67-5 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-67-6 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-67-7 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

.magic-67-8 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.95s;
}

.magic-67-9 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33s;
}

.magic-67-10 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.05s;
}

.magic-67-11 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.1s;
}

.magic-67-12 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.15s;
}

.magic-67-13 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.2s;
}

.magic-67-14 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.25s;
}

.magic-67-15 {
  position: absolute;
  left: 222px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 33.3s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-68 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-68-1 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.7s;
}

.magic-68-2 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.75s;
}

.magic-68-3 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.8s;
}

.magic-68-4 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.85s;
}

.magic-68-5 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.9s;
}

.magic-68-6 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 32.95s;
}

.magic-68-7 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33s;
}

.magic-68-8 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.05s;
}

.magic-68-9 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.1s;
}

.magic-68-10 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.15s;
}

.magic-68-11 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.2s;
}

.magic-68-12 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.25s;
}

.magic-68-13 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.3s;
}

.magic-68-14 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.35s;
}

.magic-68-15 {
  position: absolute;
  left: 259px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 33.4s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-69 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-69-1 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.3s;
}

.magic-69-2 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.39s;
}

.magic-69-3 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.48s;
}

.magic-69-4 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.57s;
}

.magic-69-5 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.66s;
}

.magic-69-6 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.75s;
}

.magic-69-7 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.84s;
}

.magic-69-8 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 32.93s;
}

.magic-69-9 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.02s;
}

.magic-69-10 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.11s;
}

.magic-69-11 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.2s;
}

.magic-69-12 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.29s;
}

.magic-69-13 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.38s;
}

.magic-69-14 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 33.47s;
}

.magic-69-15 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .09s;
  animation-delay: 33.56s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-70 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-70-1 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 32.6s;
}

.magic-70-2 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 32.68s;
}

.magic-70-3 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 32.76s;
}

.magic-70-4 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 32.84s;
}

.magic-70-5 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 32.92s;
}

.magic-70-6 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33s;
}

.magic-70-7 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.08s;
}

.magic-70-8 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.16s;
}

.magic-70-9 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.24s;
}

.magic-70-10 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.32s;
}

.magic-70-11 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.4s;
}

.magic-70-12 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.48s;
}

.magic-70-13 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.56s;
}

.magic-70-14 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 33.64s;
}

.magic-70-15 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .08s;
  animation-delay: 33.72s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-71 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-71-1 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 32.9s;
}

.magic-71-2 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 32.97s;
}

.magic-71-3 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.04s;
}

.magic-71-4 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.11s;
}

.magic-71-5 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.18s;
}

.magic-71-6 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.25s;
}

.magic-71-7 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.32s;
}

.magic-71-8 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.39s;
}

.magic-71-9 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.46s;
}

.magic-71-10 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.53s;
}

.magic-71-11 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.6s;
}

.magic-71-12 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.67s;
}

.magic-71-13 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.74s;
}

.magic-71-14 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 33.81s;
}

.magic-71-15 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .07s;
  animation-delay: 33.88s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-72 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-72-1 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.2s;
}

.magic-72-2 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.26s;
}

.magic-72-3 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.32s;
}

.magic-72-4 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.38s;
}

.magic-72-5 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.44s;
}

.magic-72-6 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.5s;
}

.magic-72-7 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.56s;
}

.magic-72-8 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.62s;
}

.magic-72-9 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.68s;
}

.magic-72-10 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.74s;
}

.magic-72-11 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.8s;
}

.magic-72-12 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.86s;
}

.magic-72-13 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.92s;
}

.magic-72-14 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 33.98s;
}

.magic-72-15 {
  position: absolute;
  left: 111px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 34.04s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-73 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-73-1 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.5s;
}

.magic-73-2 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.55s;
}

.magic-73-3 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.6s;
}

.magic-73-4 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.65s;
}

.magic-73-5 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.7s;
}

.magic-73-6 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.75s;
}

.magic-73-7 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.8s;
}

.magic-73-8 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.85s;
}

.magic-73-9 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.9s;
}

.magic-73-10 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.95s;
}

.magic-73-11 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34s;
}

.magic-73-12 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.05s;
}

.magic-73-13 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-73-14 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-73-15 {
  position: absolute;
  left: 148px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-74 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-74-1 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.7s;
}

.magic-74-2 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.75s;
}

.magic-74-3 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.8s;
}

.magic-74-4 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.85s;
}

.magic-74-5 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.9s;
}

.magic-74-6 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.95s;
}

.magic-74-7 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34s;
}

.magic-74-8 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.05s;
}

.magic-74-9 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-74-10 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-74-11 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-74-12 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-74-13 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-74-14 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-74-15 {
  position: absolute;
  left: 185px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-75 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-75-1 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.8s;
}

.magic-75-2 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.85s;
}

.magic-75-3 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.9s;
}

.magic-75-4 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.95s;
}

.magic-75-5 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34s;
}

.magic-75-6 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.05s;
}

.magic-75-7 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-75-8 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-75-9 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-75-10 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-75-11 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-75-12 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-75-13 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-75-14 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-75-15 {
  position: absolute;
  left: 222px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-76 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-76-1 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.9s;
}

.magic-76-2 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 33.95s;
}

.magic-76-3 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34s;
}

.magic-76-4 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.05s;
}

.magic-76-5 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-76-6 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-76-7 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-76-8 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-76-9 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-76-10 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-76-11 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-76-12 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-76-13 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

.magic-76-14 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.55s;
}

.magic-76-15 {
  position: absolute;
  left: 259px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.6s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-77 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-77-1 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34s;
}

.magic-77-2 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.05s;
}

.magic-77-3 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-77-4 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-77-5 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-77-6 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-77-7 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-77-8 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-77-9 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-77-10 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-77-11 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

.magic-77-12 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.55s;
}

.magic-77-13 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.6s;
}

.magic-77-14 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.65s;
}

.magic-77-15 {
  position: absolute;
  left: 309px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.7s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-78 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-78-1 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.1s;
}

.magic-78-2 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.15s;
}

.magic-78-3 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-78-4 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-78-5 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-78-6 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-78-7 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-78-8 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-78-9 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

.magic-78-10 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.55s;
}

.magic-78-11 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.6s;
}

.magic-78-12 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.65s;
}

.magic-78-13 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.7s;
}

.magic-78-14 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.75s;
}

.magic-78-15 {
  position: absolute;
  left: 342px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-79 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-79-1 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.2s;
}

.magic-79-2 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.25s;
}

.magic-79-3 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-79-4 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-79-5 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-79-6 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-79-7 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

.magic-79-8 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.55s;
}

.magic-79-9 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.6s;
}

.magic-79-10 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.65s;
}

.magic-79-11 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.7s;
}

.magic-79-12 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.75s;
}

.magic-79-13 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.8s;
}

.magic-79-14 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.85s;
}

.magic-79-15 {
  position: absolute;
  left: 377px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 34.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-80 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-80-1 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.3s;
}

.magic-80-2 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.35s;
}

.magic-80-3 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.4s;
}

.magic-80-4 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.45s;
}

.magic-80-5 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.5s;
}

.magic-80-6 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.55s;
}

.magic-80-7 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.6s;
}

.magic-80-8 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.65s;
}

.magic-80-9 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.7s;
}

.magic-80-10 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.75s;
}

.magic-80-11 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.8s;
}

.magic-80-12 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.85s;
}

.magic-80-13 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.9s;
}

.magic-80-14 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 34.95s;
}

.magic-80-15 {
  position: absolute;
  left: 412px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 35s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-81 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-81-1 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42s;
}

.magic-81-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.05s;
}

.magic-81-3 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.1s;
}

.magic-81-4 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.15s;
}

.magic-81-5 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.2s;
}

.magic-81-6 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.25s;
}

.magic-81-7 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.3s;
}

.magic-81-8 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.35s;
}

.magic-81-9 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.4s;
}

.magic-81-10 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.45s;
}

.magic-81-11 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.5s;
}

.magic-81-12 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.55s;
}

.magic-81-13 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.6s;
}

.magic-81-14 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.65s;
}

.magic-81-15 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.7s;
}

.magic-81-16 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.75s;
}

.magic-81-17 {
  position: absolute;
  left: 0;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 42.8s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-82 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-82-1 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.5s;
}

.magic-82-2 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.55s;
}

.magic-82-3 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.6s;
}

.magic-82-4 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.65s;
}

.magic-82-5 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.7s;
}

.magic-82-6 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.75s;
}

.magic-82-7 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.8s;
}

.magic-82-8 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.85s;
}

.magic-82-9 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.9s;
}

.magic-82-10 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.95s;
}

.magic-82-11 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43s;
}

.magic-82-12 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.05s;
}

.magic-82-13 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.1s;
}

.magic-82-14 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.15s;
}

.magic-82-15 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-82-16 {
  position: absolute;
  left: 37px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-83 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-83-1 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.6s;
}

.magic-83-2 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.65s;
}

.magic-83-3 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.7s;
}

.magic-83-4 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.75s;
}

.magic-83-5 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.8s;
}

.magic-83-6 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.85s;
}

.magic-83-7 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.9s;
}

.magic-83-8 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.95s;
}

.magic-83-9 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43s;
}

.magic-83-10 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.05s;
}

.magic-83-11 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.1s;
}

.magic-83-12 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.15s;
}

.magic-83-13 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-83-14 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-83-15 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-83-16 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-83-17 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-83-18 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-83-19 {
  position: absolute;
  left: 74px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-84 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-84-1 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.7s;
}

.magic-84-2 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.75s;
}

.magic-84-3 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.8s;
}

.magic-84-4 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.85s;
}

.magic-84-5 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.9s;
}

.magic-84-6 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.95s;
}

.magic-84-7 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43s;
}

.magic-84-8 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.05s;
}

.magic-84-9 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.1s;
}

.magic-84-10 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.15s;
}

.magic-84-11 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-84-12 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-84-13 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-84-14 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-84-15 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-84-16 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-84-17 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-84-18 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-84-19 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-84-20 {
  position: absolute;
  left: 111px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-85 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-85-1 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.9s;
}

.magic-85-2 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 42.95s;
}

.magic-85-3 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43s;
}

.magic-85-4 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.05s;
}

.magic-85-5 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.1s;
}

.magic-85-6 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.15s;
}

.magic-85-7 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-85-8 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-85-9 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-85-10 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-85-11 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-85-12 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-85-13 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-85-14 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-85-15 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-85-16 {
  position: absolute;
  left: 142px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-86 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-86-1 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 42.9s;
}

.magic-86-2 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 42.93s;
}

.magic-86-3 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 42.96s;
}

.magic-86-4 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 42.99s;
}

.magic-86-5 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.02s;
}

.magic-86-6 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.05s;
}

.magic-86-7 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.08s;
}

.magic-86-8 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.11s;
}

.magic-86-9 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.14s;
}

.magic-86-10 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.17s;
}

.magic-86-11 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.2s;
}

.magic-86-12 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.23s;
}

.magic-86-13 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.26s;
}

.magic-86-14 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.29s;
}

.magic-86-15 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.32s;
}

.magic-86-16 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.35s;
}

.magic-86-17 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.38s;
}

.magic-86-18 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.41s;
}

.magic-86-19 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.44s;
}

.magic-86-20 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.47s;
}

.magic-86-21 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.50s;
}

.magic-86-22 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.53s;
}

.magic-86-23 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.56s;
}

.magic-86-24 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.59s;
}

.magic-86-25 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.62s;
}

.magic-86-26 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.65s;
}

.magic-86-27 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.68s;
}

.magic-86-28 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.71s;
}

.magic-86-29 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.74s;
}

.magic-86-30 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.77s;
}

.magic-86-31 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.8s;
}

.magic-86-32 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1;
  animation-duration: .03s;
  animation-delay: 43.83s;
}

.magic-86-33 {
  position: absolute;
  left: 179px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .03s;
  animation-delay: 43.86s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-87 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-87-1 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-87-2 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-87-3 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-87-4 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-87-5 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-87-6 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-87-7 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-87-8 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-87-9 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-87-10 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

.magic-87-11 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.7s;
}

.magic-87-12 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.75s;
}

.magic-87-13 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.8s;
}

.magic-87-14 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.85s;
}

.magic-87-15 {
  position: absolute;
  left: 215px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 43.9s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-88 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-88-1 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.1s;
}

.magic-88-2 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.15s;
}

.magic-88-3 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-88-4 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-88-5 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-88-6 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-88-7 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-88-8 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-88-9 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-88-10 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-88-11 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-88-12 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

.magic-88-13 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.7s;
}

.magic-88-14 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.75s;
}

.magic-88-15 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.8s;
}

.magic-88-16 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.85s;
}

.magic-88-17 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.9s;
}

.magic-88-18 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.95s;
}

.magic-88-19 {
  position: absolute;
  left: 250px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 44s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-89 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-89-1 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.2s;
}

.magic-89-2 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.25s;
}

.magic-89-3 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.3s;
}

.magic-89-4 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.35s;
}

.magic-89-5 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.4s;
}

.magic-89-6 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.45s;
}

.magic-89-7 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-89-8 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-89-9 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-89-10 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

.magic-89-11 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.7s;
}

.magic-89-12 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.75s;
}

.magic-89-13 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.8s;
}

.magic-89-14 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.85s;
}

.magic-89-15 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.9s;
}

.magic-89-16 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.95s;
}

.magic-89-17 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44s;
}

.magic-89-18 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.05s;
}

.magic-89-19 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.1s;
}

.magic-89-20 {
  position: absolute;
  left: 287px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 44.15s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-90 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-90-1 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 43.4s;
}

.magic-90-2 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 43.46s;
}

.magic-90-3 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 43.52s;
}

.magic-90-4 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.58s;
}

.magic-90-5 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.66s;
}

.magic-90-6 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.74s;
}

.magic-90-7 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.82s;
}

.magic-90-8 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.9s;
}

.magic-90-9 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.98s;
}

.magic-90-10 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.06s;
}

.magic-90-11 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.12s;
}

.magic-90-12 {
  position: absolute;
  left: 318px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 44.18s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-91 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-91-1 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.5s;
}

.magic-91-2 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.55s;
}

.magic-91-3 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.6s;
}

.magic-91-4 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.65s;
}

.magic-91-5 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.7s;
}

.magic-91-6 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.75s;
}

.magic-91-7 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.8s;
}

.magic-91-8 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.85s;
}

.magic-91-9 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.9s;
}

.magic-91-10 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 43.95s;
}

.magic-91-11 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44s;
}

.magic-91-12 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.05s;
}

.magic-91-13 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.1s;
}

.magic-91-14 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.15s;
}

.magic-91-15 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.2s;
}

.magic-91-16 {
  position: absolute;
  left: 351px;
  top: 0;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 44.35s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-92 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-92-1 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 42.8s;
}

.magic-92-2 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 42.9s;
}

.magic-92-3 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43s;
}

.magic-92-4 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.1s;
}

.magic-92-5 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.2s;
}

.magic-92-6 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.3s;
}

.magic-92-7 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.4s;
}

.magic-92-8 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.5s;
}

.magic-92-9 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.6s;
}

.magic-92-10 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.7s;
}

.magic-92-11 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.8s;
}

.magic-92-12 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 43.9s;
}

.magic-92-13 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 44s;
}

.magic-92-14 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 44.1s;
}

.magic-92-15 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 44.2s;
}

.magic-92-16 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 44.3s;
}

.magic-92-17 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1;
  animation-duration: .1s;
  animation-delay: 44.4s;
}

.magic-92-18 {
  position: absolute;
  left: 0;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .1s;
  animation-delay: 44.5s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-93 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-93-1 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.1s;
}

.magic-93-2 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.19s;
}

.magic-93-3 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.28s;
}

.magic-93-4 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.37s;
}

.magic-93-5 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.46s;
}

.magic-93-6 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.55s;
}

.magic-93-7 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.64s;
}

.magic-93-8 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.73s;
}

.magic-93-9 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.82s;
}

.magic-93-10 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 43.91s;
}

.magic-93-11 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44s;
}

.magic-93-12 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.09s;
}

.magic-93-13 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.18s;
}

.magic-93-14 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.27s;
}

.magic-93-15 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.36s;
}

.magic-93-16 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.45s;
}

.magic-93-17 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .09s;
  animation-delay: 44.54s;
}

.magic-93-18 {
  position: absolute;
  left: 37px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .09s;
  animation-delay: 44.63s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-94 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-94-1 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.3s;
}

.magic-94-2 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.38s;
}

.magic-94-3 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.46s;
}

.magic-94-4 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.54s;
}

.magic-94-5 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.62s;
}

.magic-94-6 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.7s;
}

.magic-94-7 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.78s;
}

.magic-94-8 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.86s;
}

.magic-94-9 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 43.94s;
}

.magic-94-10 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.2s;
}

.magic-94-11 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.28s;
}

.magic-94-12 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.36s;
}

.magic-94-13 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.44s;
}

.magic-94-14 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.52s;
}

.magic-94-15 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.6s;
}

.magic-94-16 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.68s;
}

.magic-94-17 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .08s;
  animation-delay: 44.76s;
}

.magic-94-18 {
  position: absolute;
  left: 74px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .08s;
  animation-delay: 44.84s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-95 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-95-1 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 43.7s;
}

.magic-95-2 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 43.77s;
}

.magic-95-3 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 43.84s;
}

.magic-95-4 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 43.91s;
}

.magic-95-5 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 43.98s;
}

.magic-95-6 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.05s;
}

.magic-95-7 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.12s;
}

.magic-95-8 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.19s;
}

.magic-95-9 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.26s;
}

.magic-95-10 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.33s;
}

.magic-95-11 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.4s;
}

.magic-95-12 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.47s;
}

.magic-95-13 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.54s;
}

.magic-95-14 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.61s;
}

.magic-95-15 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.68s;
}

.magic-95-16 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.75s;
}

.magic-95-17 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .07s;
  animation-delay: 44.82s;
}

.magic-95-18 {
  position: absolute;
  left: 108px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .07s;
  animation-delay: 44.89s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-96 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-96-1 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 43.9s;
}

.magic-96-2 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 43.96s;
}

.magic-96-3 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.02s;
}

.magic-96-4 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.08s;
}

.magic-96-5 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.14s;
}

.magic-96-6 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.2s;
}

.magic-96-7 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.26s;
}

.magic-96-8 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.32s;
}

.magic-96-9 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.38s;
}

.magic-96-10 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.44s;
}

.magic-96-11 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.5s;
}

.magic-96-12 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.56s;
}

.magic-96-13 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.62s;
}

.magic-96-14 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.68s;
}

.magic-96-15 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.74s;
}

.magic-96-16 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.8s;
}

.magic-96-17 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .06s;
  animation-delay: 44.86s;
}

.magic-96-18 {
  position: absolute;
  left: 145px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .06s;
  animation-delay: 44.92s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-97 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-97-1 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.2s;
}

.magic-97-2 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.25s;
}

.magic-97-3 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.3s;
}

.magic-97-4 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.35s;
}

.magic-97-5 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.4s;
}

.magic-97-6 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.45s;
}

.magic-97-7 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.5s;
}

.magic-97-8 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.55s;
}

.magic-97-9 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.6s;
}

.magic-97-10 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.65s;
}

.magic-97-11 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-97-12 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-97-13 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-97-14 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-97-15 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-97-16 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-97-17 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-97-18 {
  position: absolute;
  left: 190px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-98 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-98-1 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.3s;
}

.magic-98-2 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.35s;
}

.magic-98-3 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.4s;
}

.magic-98-4 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.45s;
}

.magic-98-5 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.5s;
}

.magic-98-6 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.55s;
}

.magic-98-7 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.6s;
}

.magic-98-8 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.65s;
}

.magic-98-9 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-98-10 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-98-11 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-98-12 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-98-13 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-98-14 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-98-15 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-98-16 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

.magic-98-17 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.1s;
}

.magic-98-18 {
  position: absolute;
  left: 227px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.15s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-99 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-99-1 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.4s;
}

.magic-99-2 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.45s;
}

.magic-99-3 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.5s;
}

.magic-99-4 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.55s;
}

.magic-99-5 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.6s;
}

.magic-99-6 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.65s;
}

.magic-99-7 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-99-8 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-99-9 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-99-10 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-99-11 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-99-12 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-99-13 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-99-14 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

.magic-99-15 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.1s;
}

.magic-99-16 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.15s;
}

.magic-99-17 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.2s;
}

.magic-99-18 {
  position: absolute;
  left: 280px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.25s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-100 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-100-1 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.5s;
}

.magic-100-2 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.55s;
}

.magic-100-3 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.6s;
}

.magic-100-4 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.65s;
}

.magic-100-5 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-100-6 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-100-7 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-100-8 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-100-9 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-100-10 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-100-11 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-100-12 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

.magic-100-13 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.1s;
}

.magic-100-14 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.15s;
}

.magic-100-15 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.2s;
}

.magic-100-16 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.25s;
}

.magic-100-17 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.3s;
}

.magic-100-18 {
  position: absolute;
  left: 317px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.35s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-101 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-101-1 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.6s;
}

.magic-101-2 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.65s;
}

.magic-101-3 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-101-4 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-101-5 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-101-6 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-101-7 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-101-8 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-101-9 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-101-10 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

.magic-101-11 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.1s;
}

.magic-101-12 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.15;
}

.magic-101-13 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.2s;
}

.magic-101-14 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.25s;
}

.magic-101-15 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.3s;
}

.magic-101-16 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.35s;
}

.magic-101-17 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.4s;
}

.magic-101-18 {
  position: absolute;
  left: 354px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.45s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}

.magic-102 {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: var(--white-color);
}

.magic-102-1 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.7s;
}

.magic-102-2 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.75s;
}

.magic-102-3 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.8s;
}

.magic-102-4 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.85s;
}

.magic-102-5 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.9s;
}

.magic-102-6 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 44.95s;
}

.magic-102-7 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45s;
}

.magic-102-8 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.05s;
}

.magic-102-9 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.1s;
}

.magic-102-10 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.15s;
}

.magic-102-11 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.2s;
}

.magic-102-12 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.25s;
}

.magic-102-13 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.3s;
}

.magic-102-14 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.35s;
}

.magic-102-15 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.4s;
}

.magic-102-16 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.45s;
}

.magic-102-17 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1;
  animation-duration: .05s;
  animation-delay: 45.5s;
}

.magic-102-18 {
  position: absolute;
  left: 391px;
  top: 56px;
  animation-name: animation1-2;
  animation-duration: .05s;
  animation-delay: 45.55s;
}

@keyframes animation1 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 0;
  }

}

@keyframes animation1-2 {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
  }

}


/* main  */


.left__content {
  margin-bottom: 32px;
}

.left__text {
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0.528em;
  color: #FFFFFF;
}

.main__right {
  width: 27%;
}

.form {
  width: 100%;
  color: var(--white-color);
}

.form * {
  outline: none;
}

.form {
	margin: 35px auto;
	width: 100%;
	padding: 30px;
}

.form-label {
	display: flex;
	margin-bottom: 20px;
	position: relative;
}

.js-validate-error-label {
	position: absolute;
	right: 5px;
	top: 100%;
}

.form-label span {
	flex-grow: 1;
	display: inline-block;
}

.form-label input:not([type="file"]) {
	border: none;
  background: rgba(255, 255, 255, 0.3);
  color: var(--white-color);
  transition: all .3s ease;
}

.form-label:hover input:not([type="file"]) {
  box-shadow: 0 3px 5px white;
}

.form-label input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.file-label span {
  font-style: normal;
  font-weight: 350;
  font-size: 13px;
  line-height: 32px;
  letter-spacing: 0.05em;
  color: var(--white-color);
  background: rgba(255, 255, 255, 0.3);
	display: inline-block;
	padding: 0 10px;
	flex-grow: 0;
	cursor: pointer;
  transition: all .3s ease;
}

.file-label:hover span {
  box-shadow: 0 3px 5px white;
}

button {
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 0.15em;
	background-color: var(--orange-color);
	color: var(--white-color);
	border: none;
	padding: 0 32px;
	cursor: pointer;
  transition: all .3s ease-in-out;
}

button:hover  {
  background-color: var(--sun-or-color);
  box-shadow: 0 0 5px white;
}

button:active {
  background-color: var(--dark-orange-color);
  box-shadow: 0 0 5px white;
}

.form h2 {
  font-style: normal;
  font-weight: 350;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.15em;
  color: var(--white-color);
	text-align: center;
	margin-top: 0;
}

.js-validate-error-field {
  border: none;
  box-shadow: 0 0 15px red;
}

.js-validate-error-label {
  display: none;
}